<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>
            <ui:insert name="title"></ui:insert>
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"></link>
        <script src="js/jquery-1.10.2.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/moocicle.mootools.js"></script>
        <link rel="stylesheet" href="css/style.css" type="text/css"></link>

        <style>

            .container{

            }
            .bo1{
                -webkit-box-shadow:  12px 5px 20px 12px #544c4a;
                box-shadow:  12px 5px 20px 12px #544c4a;
                /*padding:0px 20px 20px 20px;*/
                margin: 10px;
            }
            #top-panel{
                /*background-color: #043f6d;*/
                height: 160px;
                width: 100%;
                float: left;
                /*position: relative;*/
/*                background-image: linear-gradient(bottom, #ffffff 10%, #043f6d 90%);
                background-image: -o-linear-gradient(bottom, #ffffff 10%, #043f6d 90%);
                background-image: -moz-linear-gradient(bottom, #ffffff 10%, #043f6d 90%);
                background-image: -webkit-linear-gradient(bottom, #ffffff 50%, #043f6d 98%);
                background-image: -ms-linear-gradient(bottom, #ffffff 10%, #043f6d 90%);*/
            }
            #top_logo{
                /*position: absolute;*/
                /*top:5%;*/
                background-image: url(res/img/BlueRibbonLogo.jpg);
                background-position: center;
                background-repeat: no-repeat;
                /*margin-top:-4%;*/
                float: left;
                background-size: 90%;
                width: 130px;
                height: 130px;
                background-color: white;
                border-radius: 10px 10px 10px 10px;
            }
            .logo_text{
                /*position: absolute;*/
                font-size: 80px;
                color: white;
                font-weight: 800;
                /*top:-10px;*/
                /*float: left;*/
            }
            #content{
                padding: 20px;
            }
            #bot-panel{
                width: 100%;
                height: 200px;
                background-color: #043f6d;


            }
        </style>
        <ui:insert name="head"></ui:insert>
    </h:head>
    <h:body>
        <div class="my-fluid-container bo1">
            <div id="top-panel">
                <span>
                    <div id="top_logo"></div>
                </span>
                <!--                <span>
                                    <div class="logo_text">Cactus<div>
                                    <p>University</p>
                                </span>-->

                <ul class="nav nav-pills">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Personal page</a></li>
                    <li><a href="#">Result</a></li>
                    <li><a href="#">Admission Form</a></li>
                </ul>


            </div>
            <div id="content" class="row" style="">
                <!--<div class="row">-->
                <ul class="nav nav-tabs">
                    <li ><a href="#">Home</a></li>
                    <li class="active"><a href="#">Profile</a></li>
                    <li><a href="#">Messages</a></li>
                </ul>
                <div class="row">
                    <ui:insert name="content">
                        
                    </ui:insert>
                </div>
               
               
            </div><!--/row-->
      

            <div id="bot-panel">

            </div>

        </div>
    </h:body>
</html>

